﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master.Master" AutoEventWireup="true" CodeBehind="Registrate.aspx.cs" Inherits="TZS.Cuentas.Registrate" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="contenedorRegistrarse">
        <div class="tituloDatosCuenta tituloGenerico">
            Datos de la cuenta
        </div>
        <asp:Panel ID="pnlContenedorDatosRegistro" runat="server" CssClass="contenedorDatosRegistro" DefaultButton="btnRegistrarse">
            <div class="datosRegistroTexto">
                <div class="datosRegistroFila">Nombre de Usuario:</div>
                <div class="datosRegistroFila">Contraseña:</div>
                <div class="datosRegistroFila">Repetir contraseña:</div>
                <div class="datosRegistroFila">
                    <asp:Label ID="lblPregunta" runat="server" Text="" />
                </div>
            </div>
            <div class="datosRegistroCampos">
                <div class="datosRegistroFila">
                    <asp:UpdatePanel ID="upNombreUsuario" runat="server">
                        <ContentTemplate>
                            <asp:TextBox ID="txtUsuario" runat="server" Height="20px" ontextchanged="txtUsuario_TextChanged" AutoPostBack="true" />
                            <asp:BalloonPopupExtender ID="bpeUsuario" runat="server" TargetControlID="txtUsuario" DisplayOnClick="true" DisplayOnFocus="true"
                                BalloonPopupControlID="pnlTooltip" BalloonSize="Medium"></asp:BalloonPopupExtender>
                            <asp:FilteredTextBoxExtender ID="fteUsuario" TargetControlID="txtUsuario" runat="server" FilterMode="ValidChars">
                            </asp:FilteredTextBoxExtender>
                            <asp:Label ID="lblUsuarioExiste" runat="server" Text="* nombre de usuario ya usado" CssClass="errorCampo" />
                        </ContentTemplate>
                    </asp:UpdatePanel>
                    <asp:UpdateProgress ID="uproUsuario" runat="server">
                        <ProgressTemplate>
                            <div class="cargandoUsuario">
                                <asp:Image ID="imgCargandoUsuario" runat="server" ImageUrl="~/Contenido/Imagenes/loading2.gif" />
                            </div>
                        </ProgressTemplate>
                    </asp:UpdateProgress>
                    <asp:RequiredFieldValidator ID="rfvUsuario" runat="server" Text="* Obligatorio" ControlToValidate="txtUsuario" CssClass="errorCampo" Display="Dynamic" ValidationGroup="CrearCuenta" />
                    <asp:RegularExpressionValidator ID="revUsuario" runat="server" Text="* Debe ser entre 5 y 20 caracteres" ValidationExpression = "^[\s\S]{5,20}$" ControlToValidate="txtUsuario"
                        CssClass="errorCampo" Display="Dynamic" ValidationGroup="CrearCuenta" />
                </div>
                <div class="datosRegistroFila">
                    <asp:TextBox ID="txtPass" runat="server" TextMode="Password" />
                    <asp:BalloonPopupExtender ID="bpePass" runat="server" TargetControlID="txtPass" DisplayOnClick="true" DisplayOnFocus="true"
                        BalloonPopupControlID="pnlTooltip" BalloonSize="Medium"></asp:BalloonPopupExtender>
                    <asp:FilteredTextBoxExtender ID="ftePass" runat="server" FilterMode="ValidChars" TargetControlID="txtPass">
                    </asp:FilteredTextBoxExtender>
                    <asp:RequiredFieldValidator ID="rfvContraseña" runat="server" Text="* Obligatorio" ControlToValidate="txtPass" CssClass="errorCampo" Display="Dynamic" ValidationGroup="CrearCuenta" />
                    <asp:RegularExpressionValidator ID="revPass" runat="server" Text="* Debe ser entre 5 y 20 caracteres" ValidationExpression = "^[\s\S]{5,20}$" ControlToValidate="txtPass"
                        CssClass="errorCampo" Display="Dynamic" ValidationGroup="CrearCuenta" />
                </div>
                <div class="datosRegistroFila">
                    <asp:TextBox ID="txtRepetirPass" runat="server"  TextMode="Password"/>
                    <asp:CompareValidator ID="cvPass" runat="server" Text="Los campos deben coincidir" ControlToCompare="txtPass" ControlToValidate="txtRepetirPass" CssClass="errorCampo" Display="Dynamic"
                        ValidationGroup="CrearCuenta" />
                </div>
                <div class="datosRegistroFila">
                    <asp:TextBox ID="txtRespuesta" runat="server" />
                    <asp:BalloonPopupExtender ID="bpeRespuesta" runat="server" TargetControlID="txtRespuesta" DisplayOnClick="true" DisplayOnFocus="true"
                        BalloonPopupControlID="pnlConsejoRespuesta" BalloonSize="Small"></asp:BalloonPopupExtender>
                </div>
            </div>
            <div class="datosRegistroComando">
                <asp:Button ID="btnRegistrarse" runat="server" Text="Registrarse" CssClass="botonRegistrarse botonGenerico" onclick="btnRegistrarse_Click" ValidationGroup="CrearCuenta" />
            </div>
            <asp:Panel ID="pnlErrores" runat="server" CssClass="panelErrores">
                <asp:Label ID="lblError" runat="server" Text="" />
            </asp:Panel>
        </asp:Panel>
    </div>
    <asp:Panel ID="pnlTooltip" runat="server">
        RECORDÁ: Solamente podés utilizar minúsculas, mayúsculas y números.
    </asp:Panel>
    <asp:Panel ID="pnlConsejoRespuesta" runat="server">
        Escribí la respuesta con dígitos numéricos del 0 al 9.
    </asp:Panel>
</asp:Content>
